<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>铁路12306</title>
		<style>
			#d1{
				text-align: center;
			}
			.l1{
				font-size: 10px;
				color: yellowgreen;
			}
			#l2{
				font-size: 10px;
			}
			#b1{
				background-color: orange;
			}
		</style>
	</head>
	<body>
		<form action="ww.sss.com" method="get">
		<div id="d1">
			<label>用户名：</label>
			<input  name="usename" type="text" maxlength="8" placeholder="用户名设置成功后不可修改!"/>
			<label class="l1">6-30位字母、数字或“_”,字母开头</label>
		</div>
		
		<div id="d1">
			<label>密码：</label>
			<input  name="password1" type="password" placeholder="6-20位字母数字或符号" maxlength="20"  minlength="6"/>
		</div>
		
		<div id="d1">
			<label>确认密码：</label>
			<input  name="password2" type="password" maxlength="20" placeholder="再次输入您的登陆密码" minlength="6" />
		</div>
		
		<div id="d1">
			<label>证件类型：</label>
			<select name="card">
				<option>中国居民身份证</option>
				<option>港澳台居民居住证</option>
				<option>港澳台居民来往内地通行证</option>
				<option>台湾居民来往大陆通行证</option>
				<option>护照</option>
				<option>外国人永久居留身份证</option>
			</select>
		</div>
		
		<div id="d1">
			<label>姓名：</label>
			<input  name="name" type="text" maxlength="8" placeholder="请输入姓名" pattern="[\u4e00-\u9fa5]{2,10}"/>
		</div>
		
		<div id="d1">
			<label>证件号码：</label>
			<input  name="idcard" type="text"  minlength="18" placeholder="请输入您的证件号码" pattern="^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$"/>
		</div>
		
		<div id="d1">
			<label>优惠(待)类型：</label>
			<select name="type">
				<option>成人</option>
				<option>儿童</option>
				<option>学生</option>
				<option>残疾军人，伤残人民警察</option>
			</select>
		</div>
		
		<div>
			<hr />
		</div>
		<div id="d1">
			<label>邮箱：</label>
			<input  name="email" type="email" placeholder="请正确填写邮箱地址" />
		</div>
		
		<div id="d1">
			<label>手机号码：</label>
			<select name="teltype">
				<option>+86中国</option>
				<option>+852中国香港</option>
				<option>+853中国澳门</option>
				<option>+886中国台湾</option>
			</select>
			<input name="telphone" type="tel" placeholder="手机号码" />
			<label class="l1">请正确填写手机号码，稍后将向该手机号码发送短信验证码</label>
		</div>
		
		<div id="d1">
			<input type="checkbox" name="agree" />
			<label id="l2">我已阅读并遵守</label>
			<a href="#">《中国铁路客户服务中心网站服务条款》</a>
			<a href="#">《隐私权政策》</a>
		</div>
		<div id="d1">
			<button id="b1" type="submit">下一步</button>
		</div>
		</form>
	</body>
</html>
